<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{margin: 0;padding: 0;}
			body{
				margin: 0 auto;
				width: 500px;
				text-align: center;
			}
			#header{
				font-size: 30px;
				height: 40px;
				border: solid 2px black;
				margin-top: 10px;
				background-color: darkgray;
			}
			#nav{
				border: solid 2px black;
				margin-top: 10px;
				background-color: darkgray;
			}
			#footer{
				border: solid 2px black;
				margin-top: 10px;
				background-color: darkgray;
				font-size: 20px;
				height: 40px;
				line-height: 40px;
			}
			input{
				width: 200px;
				margin-top: 5px;
			}
			ul{
				list-style: none;
			}
			li:last-child{
				margin-top: 4px;
				margin-bottom: 4px;
			}
			li:last-child input{
				width: 60px;
			}
		</style>
	</head>
	<body>
	<div id="header">
		学生信息登记表
	</div>
	<div id="nav">
		<ul>
			<li>学生姓名：<input type="text"></li>
			<li>考试总分：<input type="text"></li>
			<li>学生生日：<input type="date"></li>
			<li>个人主页：<input type="url"></li>
			<li>电子邮件：<input type="email"></li>
			<li>填表日期：<input type="datetime-local"></li>
			<li class="list"><input type="submit"></li>
		</ul>
	</div>
	<div id="footer">
		版权所有：刘氏
	</div>		
	</body>
</html>
